// JavaScript Document
//弹出层
define(['jquery','jqueryUI'],function($,$UI){
		function Popup(){
			this.defaults={
				title:"",
				width: 340,
				height:200,
				id:"",
				content:"",//弹出内容
				hasMask:true,//是否出现遮罩，默认出现
				isDraggable:false,//是否拖动，默不认可以拖动
				dragHandle:null,//拖拽部位
				hasConfirmBtn:true,//确定按钮文字
				confirmBtnText:"确定",//确定按钮文字
				skinClassName:null,//皮肤为默认
				confirmHandler:null,//点击确认按钮执行的事件
				closeHandler:null,//点击关闭按钮执行的事件
				hasCloseBtn:true,//是否出现右上角的关闭按钮，默认出现
				hasIframe:false,//是否出现iframe，默认不出现
				iframeSrc:"",//iframe 网页地址
				iframeW:"100%",//iframe 默认宽度
				iframeH:"100%",//iframe 默认高度
			}
		};
		Popup.prototype={
		constructor:Popup,
		popup_alert:function(options){
			//JQuery的extend扩展方法extend(dest,src1,src2,src3...);
			//将src1,src2,src3...合并到dest中,返回值为合并后的dest,
			var options = $.extend(this.defaults,options || {});
			
			//添加弹出层
			var boundingBox = $('<div class="popup" id="'+options.id+'"><div class="popup-content"><div class="popup-h">'+options.title+'</div><div class="popup-b">'+options.content+'</div></div></div>');
			boundingBox.appendTo("body");
			
			//是否出现确认按钮
			if(options.hasConfirmBtn){
				var myConfirmBtn = $('<div class="popup-f"><button type="button" class="btn">'+options.confirmBtnText+'</button></div>')
				$(".popup") && myConfirmBtn.appendTo($(".popup"));
			}

			//确定按钮
			var confirmBtn = $(".popup-f") && $(".popup-f").find("button");
			//点击确认按钮执行事件
			confirmBtn.click(function(){
				options.confirmHandler && options.confirmHandler();
				boundingBox.remove();
				mask && mask.remove();
			});
			
			//根据赋值，从新计算css
			boundingBox.css({
				width:options.width + "px",
				height:options.height + "px",
				left:(options.x || (window.innerWidth - options.width)/2) + "px",
				//top:(options.y || (window.innerHeight - options.height)/2) + "px",
				top: (options.y ===0 ? options.y :(window.innerHeight - options.height)/2) +"px",
			});
			//添加iframe
			if(options.hasIframe){
				var myIframe = $('<iframe width="'+options.iframeW+'" height="'+options.iframeH+'" frameborder="0" scrolling="no" src="' + options.iframeSrc + '"></iframe>');
				$(".popup-b") && myIframe.appendTo($(".popup-b"));
			}
			
			//添加右上角的X关闭按钮
			if(options.hasCloseBtn){
				var closeBtn = $('<span class="popup-x"><i class="close"></i></span>');
				closeBtn.appendTo($(".popup-content"));
				closeBtn.click(function(){
					options.closeHandler && options.closeHandler();
					boundingBox.remove();
					
				});
			}
			
			//添加新的皮肤
			if(options.skinClassName){
				boundingBox.addClass(options.skinClassName);
			}
			
			//遮罩
			if(options.hasMask){
				var mask = $('<div class="popup-mask"></div>');
				mask.appendTo($(".popup"));
				//多层 后加zindex值大于先加入的
				var zindex = $(".popup").css("z-index");
				if($(".popup").length>0){
					$(".popup").each(function(index, element) {
						//console.log(parseInt(zindex))
                    	$(this).css("z-index",parseInt(zindex)+index)
                	});
				}
				
			}
			
			//拖动
			if(options.isDraggable){
				if(options.dragHandle){
					//需要可以拖动的部位
					//handle : Element, Selector : false    
  					//限制只能在拖拽元素内的指定元素开始拖拽。   
  					//初始：$('.selector').draggable({ handle: 'h2' }); 
					boundingBox.draggable({handle:options.dragHandle});
				}else{
					boundingBox.draggable();
				}
			}
			
		},
		
	}
	return Popup;
	
})